<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <script src="/libs/require.js" data-main="/js/index.js"></script>
</head>
<body>
    <header></header>
    <div class="banner bx">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="/img/banner1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner3.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner4.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            
            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>
    </div>
    <div class="cake-img">
        <ul class="cake-img-list">
            
        </ul>
        <script type="text/html" id="cake-img-listTemplate">
            {{each list cake}}
            <li><a href="/html/details.html?id={{cake.id}}" target="_blank">
                <img src="{{cake.image}}">
                <div class="run-info">
                    <p>{{cake.title}}</p>
                </div>
                </a>    
            </li>
            {{/each}}
        </script>
    </div>
    <div class="introduce">
        <dl>
            <dd>
                <img src="/img/in-logo1.jpg" alt="">
                <h3>当天制作，新鲜送达</h3>
            </dd>
            <dd><h5>选用新鲜材料当天制作，让您当日就你能体验新鲜食材，最快速的让您健康品质</h5></dd>
        </dl>
        <dl>
            <dd>
                <img src="/img/in-logo1.jpg" alt="">
                <h3>精选世界好原料</h3>
            </dd>
            <dd><h5>全部使用来自世界各国优等原料，严格遵守经典蛋糕制作工艺，为您提供最纯正的味道。</h5></dd>
        </dl>
        <dl>
            <dd>
                <img src="/img/in-logo1.jpg" alt="">
                <h3>100%无添加</h3>
            </dd>
            <dd><h5>100%无添加百分百纯天然食材，不含人工香料，不含色素，不添加防腐剂。只为让您品尝到最健康的美味</h5></dd>
        </dl>
        <dl>
            <dd>
                <img src="/img/in-logo1.jpg" alt="">
                <h3>无缝冷链生产与配送</h3>
            </dd>
            <dd><h5>全面净化的无菌生产环境，无缝对接的冷链过程，确保您的健康与安全。</h5></dd>
        </dl>
    </div>
    <footer></footer>
</body>
</html>